<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>微信后台管理</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/style.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/js/layer/theme/default/layer.css">
    <link href="images/favicon.ico" rel="icon" type="image/x-icon" />
    <script type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
    <script type="text/javascript" src="${ctx}/js/config.js"></script>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
        }
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-family: "Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
            display: block;
        }
        .login-warp{
            position: absolute;
            width: 100%;
            height: 100%;
            background: #324157;
            display: block;
        }
        .ms-title{
            position: absolute;
            top: 50%;
            width: 100%;
            margin-top: -230px;
            text-align: center;
            font-size: 30px;
            color: #fff;

        }
        .ms-title img{
            height: 30px;
            vertical-align: middle;
            margin-right: 10px;
            position: relative;
            top: -2px;
            border-radius: 4px;
        }
        .ms-login {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 300px;
            height: 160px;
            margin: -150px 0 0 -190px;
            padding: 40px;
            border-radius: 5px;
            background: #fff;
        }
        .el-form-item {
            margin-bottom: 22px;
        }
        .login-btn {
            text-align: center;
        }
        .login-btn button{
            color: #fff;
            background-color: #20a0ff;
            border-color: #20a0ff;
            width: 100%;
            height: 36px;
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            margin: 0;
            padding: 10px 15px;
            border-radius: 4px;
            font-size: 14px;
            box-sizing: border-box;
            outline: none;
            border: none;
        }
        .login-btn button:hover{
            background: #4db3ff;
            border-color: #4db3ff;
            color: #fff;
        }
        .login-btn button:active{
            background: #1d90e6;
            border-color: #1d90e6;
            color: #fff;
        }
        .el-input__inner{
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #bfcbd9;
            box-sizing: border-box;
            color: #1f2d3d;
            display: block;
            height: 36px;
            line-height: 1;
            outline: 0;
            padding: 3px 10px;
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            width: 100%;
            font-size: 14px;
        }

    </style>
</head>
<body>
<div class="login-warp">
        <div class="ms-title"><img src="${ctx}/images/logo_wx.jpeg" style="width: 35px">微信后台管理系统</div>
        <div  class="ms-login">
            <form  class="el-form demo-ruleForm" method="post" name="loginForm" id="loginForm" action="${ctx}/controller/Login">
                <div  class="el-form-item is-required">
                    <div  class="el-input">
                        <input autocomplete="off" placeholder="手机号/用户名" type="text" name="accountName"  class="el-input__inner" />
                    </div>
                </div> 
                <div class="el-form-item__content" style="margin-bottom:22px">
                    <div  class="el-input">
                        <input autocomplete="off" placeholder="密码" type="password"  name="accountPassword"  class="el-input__inner" />
                    </div>
                </div>
                <div  class="login-btn">
                    <button  type="submit" >登录</button>
                </div> 
                <p  style="font-size: 12px; line-height: 30px; color: rgb(153, 153, 153);">Tips : 用户名和密码随便填。</p>
            </form>
        </div>
    </div>
</body>
</html>

<scrip>

</scrip>